﻿@charset "utf-8";

body {background:#f3f6fa url("/hmg/images/web/kor/common/header_Bg.jpg") repeat-y left top;}
html {overflow-y:hidden;}

#skipnavition {position:absolute;left:-9999px;}
#wrap {height:100%;position:relative;min-height:768px;min-width:1024px;overflow:hidden;}
#wrap2 {height:100%;position:relative;min-height:854px;min-width:1024px;}

#header {width:270px;position:relative;min-height:768px;float:left;position:absolute;left:0;top:0;padding:0;height:100%; /* works only if parent container is assigned a height value */}
    #gnb {width:160px;}
    #gnb ul.gnb_menu li {}
    #gnb ul.gnb_menu li a {display:block;width:160px;height:50px;}
    #gnb ul.gnb_menu li span {visibility:hidden;}
    #gnb ul.gnb_menu li.menu01 {background:url("/hmg/images/web/kor/common/menu_01.gif") no-repeat right top;}
    #gnb ul.gnb_menu li.menu02 {background:url("/hmg/images/web/kor/common/menu_02.gif") no-repeat right top;}
    #gnb ul.gnb_menu li.menu03 {background:url("/hmg/images/web/kor/common/menu_03.gif") no-repeat right top;}
    #gnb ul.gnb_menu li.menu04 {background:url("/hmg/images/web/kor/common/menu_04.gif") no-repeat right top;}
    #gnb ul.gnb_menu li.menu05 {background:url("/hmg/images/web/kor/common/menu_05.gif") no-repeat right top;}
    #gnb ul.gnb_menu li.menu06 {background:url("/hmg/images/web/kor/common/menu_06.gif") no-repeat right top;}
    #gnb ul.gnb_menu li.on {background-position:left top;}
    #gnb ul.gnb_menu li.on ul {display:block;}
    #gnb ul.gnb_menu li ul li {margin-bottom:4px;}
    #gnb ul.gnb_menu li ul li a {width:110px;height:30px;}
    #gnb ul.gnb_menu li ul li ul {padding-top:12px;}
    #gnb ul.gnb_menu li ul li ul li {margin-bottom:6px;}
    #gnb ul.gnb_menu li ul li ul li a {width:110px;height:16px;}
    #gnb ul.gnb_menu li ul li ul.on {display:none;}
    #gnb ul.gnb_menu li ul li.on ul.on {display:block;}

     #gnb ul.gnb_menu li ul.sub_menu01, #gnb ul.gnb_menu li ul.sub_menu02, #gnb ul.gnb_menu li ul.sub_menu03, #gnb ul.gnb_menu li ul.sub_menu04 {width:110px;position:absolute;left:160px;top:90px;}
     /*#gnb ul.gnb_menu li ul.sub_menu01 li a, #gnb ul.gnb_menu li ul.sub_menu02  li a, #gnb ul.gnb_menu li ul.sub_menu03  li a, #gnb ul.gnb_menu li ul.sub_menu04 li a{width:110px;height:30px;}*/
     #gnb ul.gnb_menu li ul.sub_menu01 li {/*height:30px;*/overflow:hidden;}
     #gnb ul.gnb_menu li ul.sub_menu01 li.sub01 {background:url("/hmg/images/web/kor/common/sub_menu01_01.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu01 li.sub02 {background:url("/hmg/images/web/kor/common/sub_menu01_02.gif") no-repeat left top;}        
     /*3depth*/
     #gnb ul.gnb_menu li ul.sub_menu01 li.on ul.on li.on {background-position:right top;}   
     #gnb ul.gnb_menu li ul.sub_menu01 li ul.depth01 li.depth_sub01 {background:url("/hmg/images/web/kor/common/depth01_02_01.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu01 li ul.depth01 li.depth_sub02 {background:url("/hmg/images/web/kor/common/depth01_02_02.gif") no-repeat left top;}
     /**/
     #gnb ul.gnb_menu li ul.sub_menu01 li.sub03 {background:url("/hmg/images/web/kor/common/sub_menu01_03.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu01 li.sub04 {background:url("/hmg/images/web/kor/common/sub_menu01_04.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu01 li.sub05 {background:url("/hmg/images/web/kor/common/sub_menu01_05.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu01 li.sub06 {background:url("/hmg/images/web/kor/common/sub_menu01_06.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu01 li.on {background-position:right top;}
     #gnb ul.gnb_menu li ul.sub_menu02 li {overflow:hidden;}
     #gnb ul.gnb_menu li ul.sub_menu02 li.sub01 {background:url("/hmg/images/web/kor/common/sub_menu02_01.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu02 li.sub02 {background:url("/hmg/images/web/kor/common/sub_menu02_02.gif") no-repeat left top;}
     /*3depth*/
     #gnb ul.gnb_menu li ul.sub_menu02 li.on ul.on li.on {background-position:right top;}   
     #gnb ul.gnb_menu li ul.sub_menu02 li ul.depth02 li.depth_sub01 {background:url("/hmg/images/web/kor/common/depth02_02_01.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu02 li ul.depth02 li.depth_sub02 {background:url("/hmg/images/web/kor/common/depth02_02_02.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu02 li ul.depth02 li.depth_sub03 {background:url("/hmg/images/web/kor/common/depth02_02_03.gif") no-repeat left top;}
     /**/
     #gnb ul.gnb_menu li ul.sub_menu02 li.sub03 {background:url("/hmg/images/web/kor/common/sub_menu02_03.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu02 li.sub04 {background:url("/hmg/images/web/kor/common/sub_menu02_04.gif") no-repeat left top;}
     /*3depth*/
     #gnb ul.gnb_menu li ul.sub_menu02 li.on ul.on li.on {background-position:right top;}   
     #gnb ul.gnb_menu li ul.sub_menu02 li ul.depth03 li.depth_sub01 {background:url("/hmg/images/web/kor/common/depth02_04_01.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu02 li ul.depth03 li.depth_sub02 {background:url("/hmg/images/web/kor/common/depth02_04_02.gif") no-repeat left top;}
     /**/
     #gnb ul.gnb_menu li ul.sub_menu02 li.sub05 {background:url("/hmg/images/web/kor/common/sub_menu02_05.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu02 li.sub06 {background:url("/hmg/images/web/kor/common/sub_menu02_06.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu02 li.sub07 {background:url("/hmg/images/web/kor/common/sub_menu02_07.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu02 li.on {background-position:right top;}
     #gnb ul.gnb_menu li ul.sub_menu03 li {;overflow:hidden;}
     #gnb ul.gnb_menu li ul.sub_menu03 li.sub01 {background:url("/hmg/images/web/kor/common/sub_menu03_01.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu03 li.sub02 {background:url("/hmg/images/web/kor/common/sub_menu03_02.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu03 li.sub03 {background:url("/hmg/images/web/kor/common/sub_menu03_03.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu03 li.sub04 {background:url("/hmg/images/web/kor/common/sub_menu03_04.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu03 li.on {background-position:right top;}
     #gnb ul.gnb_menu li ul.sub_menu04 li {overflow:hidden;}
     #gnb ul.gnb_menu li ul.sub_menu04 li.sub01 {background:url("/hmg/images/web/kor/common/sub_menu04_01.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu04 li.sub02 {background:url("/hmg/images/web/kor/common/sub_menu04_02.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu04 li.sub03 {background:url("/hmg/images/web/kor/common/sub_menu04_03.gif") no-repeat left top;}
      /*3depth*/
     #gnb ul.gnb_menu li ul.sub_menu04 li.on ul.on li.on {background-position:right top;}   
     #gnb ul.gnb_menu li ul.sub_menu04 li ul.depth04 li.depth_sub01 {background:url("/hmg/images/web/kor/common/depth04_04_01.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu04 li ul.depth04 li.depth_sub02 {background:url("/hmg/images/web/kor/common/depth04_04_02.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu04 li ul.depth04 li.depth_sub03 {background:url("/hmg/images/web/kor/common/depth04_04_03.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu04 li ul.depth04 li.depth_sub04 {background:url("/hmg/images/web/kor/common/depth04_04_04.gif") no-repeat left top;}
     /**/
     #gnb ul.gnb_menu li ul.sub_menu04 li.sub04 {background:url("/hmg/images/web/kor/common/sub_menu04_04.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu04 li.sub05 {background:url("/hmg/images/web/kor/common/sub_menu04_05.gif") no-repeat left top;}
      /*3depth*/
     #gnb ul.gnb_menu li ul.sub_menu04 li.on ul.on li.on {background-position:right top;}   
     #gnb ul.gnb_menu li ul.sub_menu04 li ul.depth05 li.depth_sub01 {background:url("/hmg/images/web/kor/common/depth04_06_01.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu04 li ul.depth05 li.depth_sub02 {background:url("/hmg/images/web/kor/common/depth04_06_02.gif") no-repeat left top;}
     /**/
     #gnb ul.gnb_menu li ul.sub_menu04 li.sub06 {background:url("/hmg/images/web/kor/common/sub_menu04_06.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu04 li.sub07 {background:url("/hmg/images/web/kor/common/sub_menu04_07.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu04 li.sub08 {background:url("/hmg/images/web/kor/common/sub_menu04_08.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu04 li.sub09 {background:url("/hmg/images/web/kor/common/sub_menu04_09.gif") no-repeat left top;}
     #gnb ul.gnb_menu li ul.sub_menu04 li.on {background-position:right top;}

#container {position:relative;width:730px; margin-left:270px;background:#fff;}
    #container .subTitle {position:relative;width:670px;background:#fff;padding:0px 30px 0 30px;height:162px;}
    #container .subTitle.historyType {position:fixed;top:0;z-index:999;}
    #container .pageTitle {position:relative;width:670px;height:108px;}
    #container .pageTitle h2 {position:absolute;right:0;top:50px;}
    #container .subCopy {padding-bottom:15px;position:absolute;top:96px;right:0;}
    #container .pageLocation {overflow:hidden;position:absolute;top:130px;right:30px;border:1px solid #e5e5e5;width:668px;height:28px;}
    #container .pageLocation:after {clear:both;display:block;content:"";}
    #container .pageLocation ul {padding:7px 0 0 19px;}
    #container .pageLocation ul:after {clear:both;display:block;content:"";}
    #container .pageLocation ul li a {font-size:11px;color:#7e7e7e;line-height:19px;vertical-align:middle;}
    #container .pageLocation ul li {float:left;background:url("/hmg/images/web/kor/common/location_dot.gif") no-repeat right 8px;padding-right:10px;margin-right:8px;}
    #container .pageLocation ul li img {padding-top:0;vertical-align:top;padding-top:2px;}
    #container .pageLocation ul li.nowPage {background:none;padding-right:0;border-bottom:2px solid #0c247a;}
    #container .pageLocation ul li.nowPage a {color:#323232;}

#content {min-height: 627px;width:670px;padding:40px 30px 40px 30px;overflow-x:hidden;}
#content.ptNone {padding-top:0;}
#content.historyType {padding:20px 30px 20px 30px;}
#content.newsLetterType {width:710px;padding:40px 10px 40px 10px;}
#content.newsLetterType .groupNews_Btn03 {width:670px;padding-left:20px;}
#content.newsLetterType .viewNewslt{text-align:center;}

#footer {position:absolute;left:15px;top:680px;width:130px;}
#footer.footFixed {position:absolute;top:590px;left:15px;}

#notice_toggle_btn {float:left;top:65px;z-index:9990;}

#noticeWrap {overflow:hidden;float:left;width:50%;min-height:768px;height:100%;position:absolute;left:1000px;top: 0;z-index:9991;}
#noticeWrap2 {float:left;background:#f3f6fa;width:100%;height:100%;position:absolute;left:1000px;top: 0;z-index:9991;}
#container22 {padding:43px 33px;}
#notice {height:786px;}
#notice-bg img {width:100%;height:100%;position:absolute;top:0;z-index:9980;display:block;}

#notice_toggle_btn a.open{position:absolute;left:0;;top:65px;z-index:9990;}
#notice_toggle_btn a.close{position:absolute;left:0;;top:65px;z-index:9990;display:none;}
#btn-top {position:absolute;top:190px;left:0;z-index:9990;}